/* stylelint-disable docusaurus/copyright-header */
/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */
 @import "icon_dropdown.css";
/* Import fonts. */

/* poppins */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: normal;
  src: local(''),
       url('../fonts/poppins/poppins-regular.woff') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-regular.woff2') format('woff'), /* Modern Browsers */
}

/* Roboto-Mono */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  src: local(''),
       url('../fonts/roboto-mono/roboto-mono-regular.woff') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-mono/roboto-mono-regular.woff2') format('woff'), /* Modern Browsers */
}

/* Lato */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: normal;
  src: local(''),
       url('../fonts/lato/lato-regular.woff') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato/lato-regular.woff2') format('woff'), /* Modern Browsers */
}
/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #06527a;
  --ifm-color-primary-dark: #054a6e;
  --ifm-color-primary-darker: #054668;
  --ifm-color-primary-darkest: #043955;
  --ifm-color-primary-light: #075a86;
  --ifm-color-primary-lighter: #075e8c;
  --ifm-color-primary-lightest: #086b9f;
  --ifm-color-secondary: #ffc61c;
  --ifm-color-secondary-light: #ffcd38;
  --dark            : #33313b;
  --light           : #F3F3F3;
}
/* Dark Mode Color Override */
[data-theme='dark'] {
  --ifm-color-primary: #ffc61c;
  --ifm-color-primary-dark: #ffbf00;
  --ifm-color-primary-darker: #f1b400;
  --ifm-color-primary-darkest: #c69400;
  --ifm-color-primary-light: #ffcd38;
  --ifm-color-primary-lighter: #ffd146;
  --ifm-color-primary-lightest: #ffdb71;
  --ifm-color-secondary-dark: #054a6e;
  --ifm-color-secondary: #06527a;
  --ifm-color-secondary-light: #075a86;
  --light            : #33313b;
  --dark           : #F3F3F3;
}

[data-theme='dark'] .footer--dark {
  background-color: var(--light);
  color: var(--ifm-color-primary);
}

@media (max-width: 768px) {
  #theme-main h1 {
    font-size: 50px !important;
    line-height: 3rem !important;
    font-weight: 700
  }
  #theme-main .header-docs {
    margin-bottom: 20px;
  }
}

body {
  font-family: 'Lato', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
}

code {
  font-family: 'Roboto Mono', monospace;
}

hr {
  background-image: -webkit-linear-gradient(left,#f3f3f3,#adadb1,#f3f3f3);
  margin: 0 auto;
}

.navbar__brand {
  height: 40px;
}

.clear-btn {
  padding: 100px;
}

.docusaurus-highlight-code-line {
  background-color: rgb(72, 77, 91);
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}

/* Mobile */
@media (max-width: 996px) {

  /* Hide useless "Back to main menu" button */
  .navbar-sidebar__back {
    display: none;
  }
}